<template>
  <van-overlay :show="value" @click.stop="close">
    <div class="wrapper" @click.stop>
      <slot></slot>
    </div>
  </van-overlay>
</template>
<script>
export default {
  props: ["value"],
  methods: {
    close() {
      this.$emit("input", false);
      console.log(666);
    }
  }
}
</script>
<style scoped lang="scss">
::v-deep .van-overlay {
  z-index: 300 !important;
}

.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
